<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'users.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<link rel="stylesheet" type="text/css" href="tab/css/base.css">
	<link rel="stylesheet" type="text/css" href="admin/css/user.css">
	<link rel="stylesheet" type="text/css" href="css/dialog/jquery.ui.all.css" />
	<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
	<script type="text/javascript" src="js/jquery.validate.pack.js"></script> 
	<script type="text/javascript" src="js/dialog/jquery.bgiframe-2.1.1.js"></script>
	<script type="text/javascript" src="js/dialog/jquery.ui.core.js"></script>
	<script type="text/javascript" src="js/dialog/jquery.ui.widget.js"></script>
	<script type="text/javascript" src="js/dialog/jquery.ui.mouse.js"></script>
	<script type="text/javascript" src="js/dialog/jquery.ui.button.js"></script>
	<script type="text/javascript" src="js/dialog/jquery.ui.draggable.js"></script>
	<script type="text/javascript" src="js/dialog/jquery.ui.position.js"></script>
	<script type="text/javascript" src="js/dialog/jquery.ui.resizable.js"></script>
	<script type="text/javascript" src="js/dialog/jquery.ui.dialog.js"></script>
	<script type="text/javascript" src="js/dialog/jquery.effects.core.js"></script>
	<script type="text/javascript" src="js/accrodin/jquery.ui.accordion.js"></script>
	<script type="text/javascript" src="js/changeBgColor.js"></script>
	<script type="text/javascript" src="/ag/zrt/js/CTI.js"></script>
	
	<style type="text/css">
		body { font-size: 80%;}
		h3{font-size:18px}
		.item{padding:5px 0 5px 3px;}
		.label{display:inline-block; width:120px; font-size:18px; font-weight:bold;}
		.input{width:200px;height:25px; padding:4px 0 4px 3px; margin-right:10px;  }
		.input_focus{background:white; border-color:#ce9400; color:#444444;}
		#user-form input.invalid { border: 1px dotted red; } 
		#user-form label.invalid {margin-left: 10px;width: auto; display: inline; color:red;}
		.submit { border:none; width:70px;height:32px;font-weight:bold;font-size:18px;
		background: url("admin/images/bigButton.png")}
	</style>
  </head>
  <body>
  <table width="100%"  border="0" align="center" cellpadding="0" cellspacing="0">
  <tr><td height="35px">
  	<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
  	<tr>
  		<td width="9" background="wzp/images/tab_12.gif">&nbsp;</td>
  		<td bgcolor="#dceffd">
  			<div>
				<table id="queryArea" width="100%" align="center">
				<tr style="display:none">
					<td align="left">
					<div style="padding-top:10">
						<span class="span"><span style="width:90;text-align:right;">
						所属角色：</span>
						<select id="q_URole" class="uRole" style="width:100"></select>
						</span>
						<span class="span"><span style="width:90;text-align:right;">
						用户状态：</span>
						<select id="q_UState" class="uState" style="width:90"></select>
						</span>
						<span class="span"><span style="width:90;text-align:right;">
						所属部门：</span>
						<select id="deptType" class="deptType" style="width:100"></select>
						<span style="padding-left:10px">
						<select id="q_UDept" class="uDept" style="width:100"></select>
						</span>
						</span>
					</div>	
					</td>
				</tr>
				<tr>
					<td align="left">
					<div style="padding-top:10">
						<span class="span"><span style="width:90;text-align:right;">
						登录名：</span>
						<input id="q_UId" name="q_UId" size="10" /> 
						</span>
						<span class="span"><span style="width:90;text-align:right;">
						 真实姓名：</span>
						<input id="q_UName" name="q_UName"  size="10" />
						</span>
						<span class="span">
						<button id="query">查询</button>
						<button id="q_rest" >重置</button>
						</span>
					</div>	
					</td>
				</tr>
			</table>	
    		</div>
  		
  		</td>
  		<td width="9" background="wzp/images/tab_16.gif">&nbsp;</td>
  	</tr>
  	</table></td>
  </tr>
  <tr><td height="29">
  	<table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="15" height="29"><img src="wzp/images/tab_20.gif" width="15" height="29" /></td>
        <td width="100%" background="wzp/images/tab_21.gif"></td>
        <td width="14"><img src="wzp/images/tab_22.gif" width="14" height="29" /></td>
      </tr>
    </table></td>
  </tr>
</table>
  
 <div>服务器IP地址：<span id="IPAddress" style="margin-right:20px"></span><button  id="IP_modify">修改</button></div>
 <table id="userTable" width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="30"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="15" height="30"><img src="tab/images/tab_03.gif" width="15" height="30" /></td>
        <td width="1101" background="tab/images/tab_05.gif">
        	<img src="tab/images/311.gif" width="16" height="16" /> 
        	<span class="STYLE4">CPI坐席配置</span>
        </td>
        <td width="281" background="tab/images/tab_05.gif"></td>
        <td width="14"><img src="tab/images/tab_07.gif" width="14" height="30" /></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="9" background="tab/images/tab_12.gif">&nbsp;</td>
        <td bgcolor="#dceffd">
          <table id="lists" width="99%" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#84b1d3" >
          <thead>
          <tr>
            <td width="13%"  class="tdhead"><div>用户ID</div></td>
            <td width="12%"  class="tdhead"><div>用户名</div></td>
            <td width="11%"  class="tdhead"><div>坐席ID</div></td>
            <td width="15%"  class="tdhead"><div>坐席密码</div></td>
            <td width="15%"  class="tdhead"><div>技能组队列</div></td>
            <td width="8%"  class="tdhead"><div>分机号码</div></td>
            <td width="6%"  class="tdhead"><div>编辑</div></td>
          </tr>
          
          <tr id="loadingUser">
		  	<td colspan="9" >
				<div style="text-align: center; margin-top: 20px; margin-bottom: 20px;">
					<img src="tab/images/loading.gif" />
					<span style="margin-left: 15px">正在查询数据，请稍后……</span>
				</div>
			</td>
		  </tr>
		  <tr id="noneUser"  style="display:none">
		  	<td colspan="9" height="18" bgcolor="#FFFFFF">
				<div style="text-align: center; margin-top: 20px; margin-bottom: 20px;">
					<span style="margin-left: 15px">没有相关数据</span>
				</div>
			</td>
		  </tr>
          </thead>
          <tbody id="listUser"></tbody>
        </table></td>
        <td width="9" background="tab/images/tab_16.gif">&nbsp;</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="29"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="15" height="29"><img src="wzp/images/tab_20.gif" width="15" height="29" /></td>
        <td background="wzp/images/tab_21.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="25%" height="29" nowrap="nowrap"><span class="STYLE1">
            	共<span id="total"></span>条纪录，当前第<span id="page"></span>/<span id="pageCount"></span>页，每页<span id="maxRow"></span>条纪录</span></td>
            <td width="75%" valign="top" class="STYLE1"><div align="right">
              <table width="352" height="20" border="0" cellpadding="0" cellspacing="0">
                <tr>
                  <td id="firstPage" width="62" height="22" ><div align="right"><img src="wzp/images/first.gif" /></div></td>
                  <td id="prePage" width="50" height="22" ><div align="right"><img src="wzp/images/back.gif" /></div></td>
                  <td id="nextPage" width="54" height="22" ><div align="right"><img src="wzp/images/next.gif" /></div></td>
                  <td id="lastPage"width="49" height="22" ><div align="right"><img src="wzp/images/last.gif"  /></div></td>
                  <td width="59" height="22" ><div align="right">转到第</div></td>
                  <td width="25" height="22" >
                    <input id="jump" name="jump" type="text"  style="height:18px; width:25px;" size="5" />
                  </td>
                  <td width="23" height="22" >页</td>
                  <td id="jumpPage" width="30" height="22" ><img src="wzp/images/go.gif"  /></td>
                </tr>
              </table>
            </div></td>
          </tr>
        </table></td>
        <td width="14"><img src="wzp/images/tab_22.gif" width="14" height="29" /></td>
      </tr>
    </table></td>
  </tr>
</table>


<div id="dialog-form" title="添加用户" style="display:none">
   	<form  id="user-form" method="post"> 
   		<div class="item">
           <label class="label" for="uID"><span style="color:red">*</span>登录名：</label>
           <input type="text" class="input" id="uId" name="user.UId" tabindex="1" />
         </div>
         <div id="ucname" class="item">
           <label class="label" for="uName"><span style="color:red">*</span>真实姓名：</label>
           <input type="text" class="input" id="uName" name="user.UName" tabindex="2" />
         </div>
         <div class="item">
           <label class="label" for="uPassword"><span style="color:red">*</span>登陆密码：</label>
           <input type="password" class="input" id="uPassword" name="user.UPassword"  tabindex="3"/>
         </div>
         <div class="item">
           <label class="label" for="pwd_check"><span style="color:red">*</span>确认密码：</label>
           <input type="password" class="input" id="pwd_check" name="pwd_check" tabindex="4" />
         </div>  
         <div class="item">
           <label class="label" for="uDept"><span style="color:red">*</span>所属部门：</label>
           <select id="uDept" class="uDept" name="uDept" ></select>
         </div>   
         <div class="item">
           <label class="label" for="uState"><span style="color:red">*</span>用户状态：</label>
           <select id="selUState" name="uState" ></select>
         </div>   
         <div class="item" style="width:400">  
            <label class="label" ><span style="color:red">*</span>所属角色：</label>
            <table width="330" align="left">
   		   	<tr><td width="45%" height="150px">
				<select style="width:140;height:150" id="allRole" 
					name="allRole" size="6" multiple="multiple"> </select>
				</td>
				<td width="10%" align="center">
					<img id="addRole" src="wzp/images/arrow_right.gif"/>
					<br/>
					<img id="delRole" src="wzp/images/arrow_left.gif"/>
				</td>
				<td width="45%" height="150px">
				<select style="width:140;height:150" id="selRole"  
					name="selRole" size="6" multiple="multiple"></select>
				</td>
			</tr>
		  </table>
        </div> 
    	<div class="item"></div>
        <div style="padding-left:170px">
        	<input class="submit" type="submit" value="提 交">
        	<input id="cancel" class="submit" type="button" value="取消">
        </div>
    </form> 
</div> 
<div id="dialog-message" title="操作结果" style="display:none"> 
	 
	<div id="message" style="padding-top:15"> 
	</div> 
</div> 
<div id="dialog-confirm" title="确定修改？">
	<div id="confirm" style="padding-top:15"></div> 
</div>

			<div id="CPI_modify" title="编辑">
				<p class="validateTips">
					请输入内容
				</p>

				<form>
					<fieldset>
						<label for="el">
							坐席ID(不超过10个字符)
						</label>
						<input type="text" id="seatId" class="text ui-widget-content ui-corner-all"
											 style="display:block;width:90%;"/>
						<label for="el">
							坐席密码(不超过10字符 )
						</label>
						<input type="text" id="seatPassword" class="text ui-widget-content ui-corner-all"
											 style="display:block;width:90%;"/>
						<label for="el">
							技能组队列(不超过10字符 )
						</label>
						<input type="text" id="skillQueue" class="text ui-widget-content ui-corner-all"
											 style="display:block;width:90%;"/>
						<label for="el">
							分机号码(不超过10字符 )
						</label>
						<input type="text" id="phoneNumber" class="text ui-widget-content ui-corner-all"
											 style="display:block;width:90%;"/>
					</fieldset>
				</form>
			</div>
			
			<div id="CTIIP_modify" title="编辑">
				<p class="validateTips">
					请输入内容
				</p>

				<form>
					<fieldset>
						<label for="el">
							CTIIP(不超过10字符 )
						</label>
						<input type="text" id="CTIIP" class="text ui-widget-content ui-corner-all"
											 style="display:block;width:90%;"/>
					</fieldset>
				</form>
			</div>
  </body>
</html>
